define(['template','request','jquery','jquerycookie'],(template,req)=>{
    class Header{
        constructor(){
            this.toubu()
        }
        toubu(){
            $('.header2').load('/html/header2.html',()=>{
                this.mouse()
                this.time()
                this.getData()
                this.car()
                this.account()
                this.accountOpe()
            })
        }
        mouse(){
            $('.header2 .two .daohang li').on('mouseenter',()=>{
                // $('.header2 .two .xiala').slideDown(300,'linear')
                $('.header2 .two .all').slideUp(300,'linear')
                $('.header2 .two .search input').blur()
            })
            // $('.header2 .two .xiala').on('mouseleave',()=>{
            //     $('.header2 .two .xiala').slideUp(300,'linear')
            // })
            $('.header2 .two .search input').focus(function(){
                $(this).css({
                    borderColor:'#ff6700'
                })
                $('.header2 .two .search .zoom').css({
                    borderColor:'#ff6700'
                })
            })
            $('.header2 .two .search input').blur(function(){
                $(this).css({
                    borderColor:'#e0e0e0'
                })
                $('.header2 .two .search .zoom').css({
                    borderColor:'#e0e0e0'
                })
            })
            $('.header2 .two .daohang span>a').on('mouseenter',()=>{
                $('.header2 .two .all').slideDown(300,'linear')
                // $('.header2 .two .xiala').slideUp(300,'linear')
            })
            $('.header2 .two .all').on('mouseleave',()=>{
                $('.header2 .two .all').slideUp(300,'linear')
            })
        }
        time(){
            const arr = ['小米10','扫地机器人','日用百货','耳机','洗衣机','家电','个护']
            let i = 0;
            let timer = setInterval(function(){
                $('.search input').val(arr[i]);
                i++;
                if(i>=arr.length){
                    i = 0;
                }
            }, 5000);
            $('.search input').focus(()=>{
                clearInterval(timer)
                $('.search input').val('')
            })
            $('.search .zoom').click(()=>{
                let value = $('.search input').val()
                $('.inpsearch').attr('href',`/html/listsearch.html?value=${value}`)
            })
        }
        //建一个函数，获取request里导航数据，并渲染
        getData(){
            req.getNavData()       //调用requesr的getNavList这个函数已经成功，.then接收数据
               .then(res =>{
                // console.log(res)    //需要用到res.data.list
                this.dataXr(res.data.list);
                
            })
        }
        //建一个函数渲染
        dataXr(list){
            list.shift()
            $('#listTab').html(template('searchList',{list}))
            $('#topNav').html(template('nav',{list}))
        }
        //购物车数量
        car(){
            let goods = localStorage.getItem('goods')
            goods = JSON.parse(goods)
            $('.num1').html(goods.length)
        }
        //有账号
        account(){
            let account = $.cookie('随便')
            console.log(account)
            if(account!='null'){
                $('.login .ul1').css({
                    display:'none'
                })
                $('.login .ul2').css({
                    display:'block'
                })
                $('.login .ul2 .account').html(account)
            }
        }
        //对帐号的一系列操作
        accountOpe(){
            $('.ul2 .zh').mouseenter(()=>{
                $('.ul2 .tuichu').css({
                    display:'block'
                })
                $('.ul2 .zh').css({
                    backgroundColor: '#fff',
                    color: '#ff6700'
                })
            })
            $('.ul2 .tuichu .tc').click(()=>{
                $('.login .ul2').css({
                    display:'none'
                })
                $('.login .ul1').css({
                    display:'block'
                })
                $.cookie('随便',null)
            })
            $('.ul2 .tuichu').mouseleave(()=>{
                $('.ul2 .tuichu').css({
                    display:'none'
                })
                $('.ul2 .zh').css({
                    backgroundColor: 'transparent',
                    color: '#b0b0b0'
                })
            })
        }
    }
    return new Header()
})